<template>
  <div class="m-product-select">
    <dl class="tab">
      <dt>
        {{ title }}
        <i class="el-icon-caret-bottom"></i>
      </dt>
      <dd>
        <p style="color:#ccc">{{title}}</p>
        <span v-for="item in list" :key="item.type">
          {{item.name}}
        </span>
      </dd>
    </dl>
  </div>
</template>

<script>
export default {
  props: ['title', 'list'],
};
</script>

<style lang="scss" scoped>
@import '@/assets/css/products/index.scss';
</style>
